<!doctype html>
<html xmlns="http://www.w3.org/1999/html">
<head>

    <meta charset="UTF-8">

    <link rel="stylesheet" href="bootstrap-3.3.1/css/bootstrap.min.css">

    <link rel="stylesheet" href="bootstrap-3.3.1/css/bootstrap-theme.min.css">

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>

    <script src="angular.min.js"></script>
    <script src="angular-route.min.js"></script>
    <!--<script src="ui-bootstrap-0.12.0.min.js"></script>-->

    <script src="app.js"></script>

    <script src="routing.js"></script>

    <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">

    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>

</head>

<body ng-app="dashboardApp" >

<div class="container">
    <!--
        <div class="row">
            <div class="col-md-1"> 1</div>
            <div class="col-md-1"> 1 </div>
            <div class="col-md-1">1</div>
        </div>

        <div class="row">
            <div class="col-md-1">.col-md-4</div>
            <div class="col-md-1">.col-md-4</div>
            <div class="col-md-1">.col-md-4</div>
        </div>
        <div class="row">
            <div class="col-md-1">.col-md-6</div>
            <div class="col-md-1">.col-md-6</div>
            <div class="col-md-1">.col-md-6</div>
        </div>
    -->


    <div class="navbar-collapse collapse">
        <a class="navbar-brand" href="#">Guides Box</a>


        <div ng-controller="ExampleController2">


            <div class="navbar-form navbar-right" ng-show="user.isUser">
                {{ user.name}}
                <button class="btn btn-default" ng-click="logout()">LogOut</button>

            </div>

            <div ng-hide="user.isUser">
                <form ng-submit="submit()"
                      class="navbar-form navbar-right" role="form">
                    <div class="form-group">
                        <input type="text" ng-model="formData.username" name="username" placeholder="Email"
                               class="form-control">
                    </div>
                    <div class="form-group">
                        <input type="password" ng-model="formData.password" name="password" placeholder="Password"
                               class="form-control">
                    </div>
                    <button type="submit" class="btn btn-success">Sign in</button>
                </form>
            </div>
        </div>
    </div>
    <hr>

    <div ng-controller="SearchForm" class="form-group">
        <input  id="google_places_ac" name="google_places_ac" type="text" class="form-control input-block-level"/>
        <div> {{ guides }} </div>
        <br>
        <hr>
        <br>

       <!-- <div> {{ location }} </div>-->

    </div>

</div>


</div>



<!-- HEADER AND NAVBAR
<header>
    <nav class="navbar navbar-default">
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand" href="/">Angular Routing Example</a>
            </div>

            <ul class="nav navbar-nav navbar-right">
                <li><a href="#"><i class="fa fa-home"></i> Home</a></li>
                <li><a href="#about"><i class="fa fa-shield"></i> About</a></li>
                <li><a href="#contact"><i class="fa fa-comment"></i> Contact</a></li>
            </ul>
        </div>
    </nav>
</header>

&lt;!&ndash; MAIN CONTENT AND INJECTED VIEWS &ndash;&gt;
<div id="main"  >
    <div ng-view></div>
    &lt;!&ndash; angular templating &ndash;&gt;
    &lt;!&ndash; this is where content will be injected &ndash;&gt;

</div>-->

</body>
</html>